<!DOCTYPE html>
<meta charset="UTF-8">
<style type="text/css">
	.col-md-1{
		line-height: 32px;
		padding-right: 0px;
		width: 6%;
		font-size: 15px;
	}
	.col-sm-2{
		padding-left: 0px;
	}
</style>
	<div class="form-group">
		<label class="col-md-1">分类查询</label>
		<div class="col-sm-2">
			<select name="t.id" id="select1" th:onchange="college()"class="form-control" >
				<option th:each="t:${type}" th:text="${t.type}" th:value="${t.id}"id="type"></option>
			</select>
		</div>
	</div>

<br>
<hr>
<div id="books" ></div>
<script>
	college();
	function college(){
		var id = $('#select1').val();
		$('#books').load("userbook/booktype",{id:id});
	}

</script>
